﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Evento VIH</title>
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen, projection"/>
<link href="css/print.css" rel="stylesheet" type="text/css" media="screen, projection"/>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.1.custom.css" rel="stylesheet" />	
<!--[if lt IE 8]>
<link href="css/ie.css" rel="stylesheet" type="text/css" media="print"/>
<![endif]-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript">
			$(document).ready(inicio);
				
			function inicio(){
			
				$('input').live("keypress", function(e) {
                /* ENTER PRESSED*/
                if (e.keyCode == 13) {
                    /* FOCUS ELEMENT */
                    var inputs = $(this).parents("form").eq(0).find(":input");
                    var idx = inputs.index(this);

                    if (idx == inputs.length - 1) {
                        inputs[0].select()
                    } else {
                        inputs[idx + 1].focus(); //  handles submit buttons
                        inputs[idx + 1].select();
                    }
                    return false;
                }
            });
	
			}
				
			$(function(){

				// Datepicker
				$('#datepicker').datepicker({
					dateFormat: 'yy-mm-dd',
					changeMonth: true,
					changeYear: true,
					yearRange: 'c-110:c'
				});
				
			});
</script>
</head>

<body>
	<div class="container">
	<h1>Evento VIH/SIDA cód: INS: 850</h1><hr/>
    <form id="identificacion" action="" method="post">
		<fieldset>
		<legend>Relacion con datos basicos:
		</legend>
			<table>
				<tr>
					   <td><label>Nombres y Apellidos del Paciente</label><br/>
    					</td>
		<td>
			<select id="tipodoc" name="tipodoc">
    					  <option value="c">Cedula</option>
    					  <option value="r">Registro Civil</option>
    					  <option value="t">Tarjeta de Identidad</option>
    		  			</select>
		</td>
		
				<td>
						<label>Numero de Documento</label><br/>
      		  			<input type="text" class="text" name="nrdoc" id="nrdoc"/>
					</td>
				</tr>
			</table>
		</fieldset>
    	<fieldset>
      		<legend>Nombres Del Paciente</legend>  		
			<table>
				<tr>
					<td><label>Primer Nombre</label><br/>
      		  <input type="text" class="text" name="pnombre" id="pnombre"/></td>
					<td><label>Segundo Nombre</label><br/>
      		  <input type="text" class="text" id="snombre" name="snombre"/></td>
				</tr>
				<tr>
					<td><label>Primer Apellido</label><br/>
      		  <input type="text" class="text" name="papellido" id="papellido"/></td>
					<td><label>Segundo Apellido</label><br/>
      		  <input type="text" class="text" id="sapellido" name="sapellido"/></td>
				</tr>
			</table>
		</fieldset>
		<fieldset>
		<legend>Datos Generales del Paciente</legend>
		<label>Fecha de Nacimiento</label><br/>
		<input type="text" id="datepicker" name="nacimiento" value="aaaa-mm-dd"/><br/>

			<label>Sexo</label><br/>
  		    <input type="radio" name="sexo" value="f"/>Femenino
  		    <input type="radio" name="sexo" value="m"/>Masculino

		</fieldset>
	</form>
	</div>
</body>

</html>